// 覆盖部分element-plus样式

.el-menu {
  border-right: none !important;
  &:not(.el-menu--collapse) {
    width: var(--theme-aside-width);
  }
}

.el-menu-item,
.el-sub-menu__title {
  color: var(--theme-menu-text-color) !important;
  height: 48px !important;
  overflow: hidden;
  border-left: 3px solid transparent;
}

.el-menu.el-menu--horizontal {
  border-bottom: none !important;
}

.el-menu-item {
  height: 45px !important;
  line-height: 45px !important;
}

.el-menu-item a,
.el-menu-item a:hover,
.el-menu-item i,
.el-sub-menu__title i {
  color: inherit;
  text-decoration: none;
}

.el-menu-item .svg-icon,
.el-sub-menu .svg-icon {
  font-size: 16px !important;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-align: center;
}

.el-sub-menu.is-active > :first-child {
  overflow: hidden;
  color: var(--theme-menu-hover-color) !important;
}

.el-menu-item.is-active {
  border-left-color: var(--theme-menu-border-color);
  color: var(--theme-menu-hover-color) !important;
  background-color: var(--theme-menu-hover-bg-color) !important;
  &:hover {
    background-color: var(--theme-menu-hover-bg-color) !important;
  }
}

.el-sub-menu.is-active.is-opened {
  .el-sub-menu__title {
    background-color: unset !important;
    color: var(--theme-menu-hover-color);
  }
}

// 鼠标 hover 时
.el-menu-item:hover,
.el-sub-menu__title:hover {
  background-color: var(--theme-menu-hover-bg-color) !important;
  color: var(--theme-menu-hover-color) !important;
}

.el-pagination {
  margin-top: 15px;
  justify-content: flex-end;
}

.el-form--inline .el-form-item {
  width: 100% !important;
  margin-right: 16px !important;
}

.el-drawer .el-drawer__header {
  display: flex;
  align-items: center;
  height: var(--theme-header-height);
  padding: 0 15px;
  margin-bottom: 0 !important;
  font-size: 15px;
  border-bottom: 1px solid var(--el-border-color);
  color: var(--el-text-color-primary);
}

// Dialog 对话框
.el-dialog {
  --el-dialog-padding-primary: 24px;

  .el-dialog__header {
    position: relative;
    margin-right: 0;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px var(--el-dialog-padding-primary);

    .el-dialog__title {
      line-height: 24px;
      font-size: 16px;
    }

    .el-dialog__headerbtn {
      font-size: 18px;
      width: 18px;
      height: 18px;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
    }
  }
  .el-dialog__footer {
    border-top: 1px solid #f0f0f0;
    padding: 10px 22px;
  }
}

// Table 表格
.el-table {
  // 修改表头背景颜色
  --el-table-header-bg-color: #fafafa !important;
}

// Card 卡片
.el-card {
  // border-color: transparent !important;
  &.is-always-shadow {
    box-shadow: none !important;
  }
  &.is-hover-shadow {
    cursor: pointer;
  }
  .el-card__body {
    padding: 20px 24px;

    .title {
      font-size: 16px;
      padding-bottom: 6px;
      font-weight: 400;
    }
  }
}

// Button 按钮
.el-button + .el-button {
  margin-left: 8px;
}

// 文本框禁止调整大小
.el-textarea.no-resize {
  .el-textarea__inner {
    resize: none;
  }
}

// Dropdown Menu 下拉菜单
.el-dropdown-menu {
  &.align-center {
    .el-dropdown-menu__item {
      justify-content: center;
    }
  }
}

// Message Box 消息框
.el-message-box {
  --el-messagebox-padding-primary: 24px;
  width: 380px;
  padding-bottom: 0;

  .el-message-box__header {
    margin-right: 0;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px var(--el-messagebox-padding-primary);

    .el-message-box__title {
      line-height: 24px;
      font-size: 16px;
    }

    .el-message-box__headerbtn {
      font-size: 18px;
      width: 18px;
      height: 18px;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
    }
  }

  .el-message-box__content {
    height: 72px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }

  .el-message-box__btns {
    border-top: 1px solid #f0f0f0;
    padding: 10px 22px;
  }
}

.el-notification {
  &.clickable {
    cursor: pointer;
  }
  .el-notification__group {
    width: 100%;
  }
}

// Tabs 标签页
.el-tabs.el-tabs--top {
  --el-tabs-header-height: 32px;
}

.input-with-select .el-input-group__prepend {
  background-color: var(--el-fill-color-blank);
}




